﻿@{
    ViewBag.Title = "Home Page";
}

<!-- <h2>@ViewBag.Message</h2> -->


<div class="container">
        <div class="row">
            <div class="span1" id="navbar">
                <!--Sidebar content-->
                <a href="#">Home</a> 
                <a href="#">Course 1</a> 
                <a href="#">Course 2</a> 
                <a href="#">Course 3</a> 
                <a href="#">Course 4</a> 
                <a href="#">Course 5</a>
            </div>
            <div class="span10" id="mainFrame">
                <!--main content-->                
                <div class="row">
                    <div class="span5">
                        <h2 class="headerLeft">Deadlines</h2>
                        <p>Assignment 2 in Course 1 - 2 days</p>
                        <p>Assignment 5 in Course 4 - 2 days</p>
                        <p>Onine exam 3 in Course 2 - 4 days</p>
                        <p>Assignment 3 in Course 3 - 4 days</p>
                    </div>
                    <div class="span5">
                        <h2 class="headerRight">Achivements</h2>
                        <p>Here is my latest achivements</p>
                    </div>
                </div>
                <div class="row">
                    <div class="span10">
                        <h2 class="headerMain">Your statistic</h2>
                            <h3>Course 1</h3>
                            <p>XP above you - your XP - XP below you</p>
                            <p>Average level indicator</p>
                            <h3>Course 2</h3>
                            <p>XP above you - your XP - XP below you</p>
                            <p>Average level indicator</p>
                            <h3>Course 3</h3>
                            <p>XP above you - your XP - XP below you</p>
                            <p>Average level indicator</p>
                            <h3>Course 4</h3>
                            <p>XP above you - your XP - XP below you</p>
                            <p>Average level indicator</p>
                            <h3>Course 5</h3>
                            <p>XP above you - your XP - XP below you</p>
                            <p>Average level indicator</p>
                        
                    </div>
                </div>
            </div>
            <div class="span1">
            </div>
        </div>        
</div>

<script type="text/javascript">
    jQuery(document).ready(function ($) {
        $('#tabs').tab();
    });
</script> 
</div> <!-- container -->